﻿/*

	Project        : Twitter in Turkey
	Tested	       : Firefox, Chrome, IE(8-9-10), Safari, Opera
	Versiyon       : 1.0
	
	CSS INTRODUCTION
	1.	CSS FIXED
	2.	SITE
	3.	TWEET DESIGN
*/

/*-----------------------------------------------------------------------------------*/
/*	1.	CSS FIXED
/*-----------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
*{margin:0; padding:0;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input,textarea,select {outline:0;}
button{cursor:pointer;}
input[type="submit"]{cursor:pointer;}

/*-----------------------------------------------------------------------------------*/
/*	2.	SITE
/*-----------------------------------------------------------------------------------*/
body{background: url("images/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin: 0;padding: 0;width: 100%;}
.fullPage{width:700px;height:auto;margin:0 auto;}
.pageHeader{width:585px;height:auto;float:left;margin:20px 0 0 57px;border-bottom:2px solid #FFDD00;}
.siluet{height:122px;float:left;margin:0 0 10px 0;}
.siluet a{float:left;}
.pageStatus {float: left;height: auto;margin: 30px 0 0;width: 100%;}
.currentStatus {background: none repeat scroll 0 0 #0076C0;border-radius: 50%;height: 250px;margin-left: auto;margin-right: auto;width: 250px;}
.currentStatus h2 {color: #FFDD00;float: left;font: 90px Arial;margin: 55px 0 0;text-align: center;text-shadow: 1px 2px 0 #FFFFFF;width: 100%;}
.currentStatus p {color: #FFDD00;float: left;font: 20px Arial;text-align: center;text-shadow: 1px 0 1px #000000;width: 100%;}
.latestTweet {height: 115px;margin: 30px auto 0;width: 430px;}
.latestTweetPic {box-shadow: 1px 0 1px 2px #CCCCCC;float: left;height: 67px;margin: 25px 40px 0 0;width: 67px;}
.latestUsername {float: left;width: 100%;}
.latestUsername p {color: #333333;float: left;font: bold 14px Arial;}
.latestUsername em {float: left;font: 14px Arial;text-indent: 5px;}
.bubble > h3 {color: #333333;float: left;font: 13px/18px Arial;width: 100%;}
.bubble > h4 {color: #999999;float: right;font: 13px/35px Arial;}
.anotherStatus {border-bottom: 1px solid #D8D8D8;border-top: 1px solid #D8D8D8;float: left;height: 160px;margin: 30px 0 0;width: 100%;}
.smallStatus {background: none repeat scroll 0 0 #CCCCCC;border-radius: 100%;float: left;height: 120px;margin-left: 20px;margin-top: 20px;width: 120px;}
.smallStatus > h2 {color: #FFFFFF;float: left;font: 35px Arial;margin: 30px 0 0;text-align: center;width: 100%;}
.smallStatus > p {color: #FFDD00;float: left;font: 12px Arial;text-align: center;width: 100%;}
/*-----------------------------------------------------------------------------------*/
/*	3.	TWEET DESIGN
/*-----------------------------------------------------------------------------------*/

.bubble
{
float:left;
position: relative;
width: 290px;
height: 100px;
padding: 4px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #7F9FD9 solid 2px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 22px 19px 22px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -19px;
top: 32px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 23px 20px 23px 0;
border-color: transparent #7F9FD9;
display: block;
width: 0;
z-index: 0;
left: -22px;
top: 31px;
}